.main {
    height: 1140px;
    background-color: rgb(251, 251, 234);
}

.loop2 {
    width: 100%;
    margin-top: 30px;
}

.intro {
    width: 150px;
    height: 40px;
    background-color: rgb(250, 128, 124);
    border-bottom-right-radius: 40px;
    margin-left: -1px;
}

.intro p {
    line-height: 40px;
    font-family: "\5B8B\4F53";
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    color: black;
}

#demo,
#demo1,
#demo2 {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

table {

    cell-padding: 0;
    cell-spacing: 0;
    cellspace: 0;
}

td {
    margin-right: 5px;
    border: black solid 1px;
    background-color: #fbfbea;
    cellpadding: 5%;
    cellspacing: 5%;
}

.role-table {
    text-align: center;
}

.role-table .img {
    width: 300px;
    height: 249px;
}

.role-table .img img {
    width: 100%;
    height: 100%;
}

.role-table p {
    font-size: 18px;
    font-weight: 600;
    color: black;
}

